.header {
    width: 100%;
    background-color: #f44831;
    font-size: .4rem;
    text-align: center;
    color: #fff;
    position: relative;
    padding: .1rem;
    .icon-xiazai6 {
        position: absolute;
        font-size: .3rem;
        display: inline-block;
        left: .15rem;
        top: .22rem;
    }
    .icon-xiazai {
        position: absolute;
        float: right;
        font-size: .3rem;
        right: 0.15rem;
        top: .1rem;
        p {
            font-size: .12rem;
        }
    }
}

.nav {
    overflow: hidden;
    background-color: #fff;
    ul {
        width: 200%;
        padding: 0 0.08rem;
        li {
            float: left;
            text-align: center;
            font-size: .16rem;
            padding: 0.12rem .13rem;
        }
        .active {
            color: red;
            border-bottom: 1px solid red;
        }
    }
}

.head {
    margin-top: .15rem;
    background-color: #fff;
    font-size: .18rem;
    display: flex;
    flex-wrap: wrap;
    .productImg {
        border-top:5px solid #f8f8f8; 
        width: 30%;
        padding-right: 0.05rem;
        padding-top: .1rem;
    }
    .h-right {
        border-top:5px solid #f8f8f8; 
        width: 70%;
        .productName {
            font-size: .26rem;
            font-weight: 700;
            padding-top: .05rem;
            padding-bottom: .1rem;
        }
        .productPrice {
            color: #fc353a;
            font-size: .4rem;
            i {
                font-style: normal;
                font-size: .26rem;
                padding-right: .1rem;
            }
            em {
                font-style: normal;
                font-size: .18rem;
            }
            del {
                color: #a8a8a8;
                padding-left: .15rem;
                font-size: .18rem;
            }
        }
        .productCouponRemain {
            padding: .1rem 0;
            color: #fc353a;
            display: flex;
            .jdt {
                text-align: center;
                width: 1.7rem;
                border-radius: 10px;
                margin-right: .15rem;
                border: 1px solid #fc353a;
                color: #fff;
            
            }
        }
        .productCoupon {
            display: inline-block;
            a {
                color: #e4393c;
                font-size: .18rem;
                border: 1px dashed #e4393c;
                padding: .05rem;
            }
        }
        .productHref {
            float: right;
            display: inline-block;
            background-color: #ff5e5d;
            color: #fff;
            padding: .1rem .05rem;
            margin-right: .1rem;
            border-radius: 5px;
            margin-bottom: 0.05rem;
        }
    }
}